<template>
    <div class="project-cricle">
        <p>圈子 <span>全部</span> <span>发起讨论</span></p>
        <cricle-content :list="list"></cricle-content>
    </div>
</template>

<script>
    import CricleContent from '../../components/Circle/CricleContent'
    export default {
        name: "ProjectCricle",
        components:{
            CricleContent
        },
        data () {
            return {
                list: [

                    {id: 1, top:1,text:'【 竞价置顶热点广告专区】北京八大处整形医院，瘦身吸脂进口设备，将于2018年2月16日正式投入使用，凡是在该日期之前预约的用户,价格可享受6折优惠，另外还可以在双眼皮埋线手术、开眼内角手术中，任选一个免费项目，更有机会子2000万抽奖活动中获得大奖！这是同行业中第一次推出高额回馈的返利活动，敬请您的光临！  咨询电话：40080066999',time:'2018-08-29 15:30:00',syes:1545,zan:1645,imgNum:1235,type:1},
                    {id: 2, top:1,text:'【 竞价置顶热点广告专区 】北京八大处整形医院，瘦身吸脂进口设备，将于2018年2月16日正式投入使用，凡是在该日期之前预约的用户,价格可享受6折优惠，另外还可以在双眼皮埋线手术、开眼内角手术中，任选一个免费项目，更有机会子2000万抽奖活动中获得大奖！这是同行业中第一次推出高额回馈的返利活动，敬请您的光临！  咨询电话：40080066999',time:'2018-08-29 15:30:00',syes:1545,zan:1645,imgNum:1235,type:1},
                    {id: 3, top:1,text:'【竞价置顶热点广告专区】北京八大处整形医院，瘦身吸脂进口设备，将于2018年2月16日正式投入使用，凡是在该日期之前预约的用户,价格可享受6折优惠，另外还可以在双眼皮埋线手术、开眼内角手术中，任选一个免费项目，更有机会子2000万抽奖活动中获得大奖！这是同行业中第一次推出高额回馈的返利活动，敬请您的光临！  咨询电话：40080066999',time:'2018-08-29 15:30:00',syes:1545,zan:1645,imgNum:1235,type:1},
                    {id: 4, top:1,text:'【竞价置顶热点广告专区】北京八大处整形医院，瘦身吸脂进口设备，将于2018年2月16日正式投入使用，凡是在该日期之前预约的用户,价格可享受6折优惠，另外还可以在双眼皮埋线手术、开眼内角手术中，任选一个免费项目，更有机会子2000万抽奖活动中获得大奖！这是同行业中第一次推出高额回馈的返利活动，敬请您的光临！  咨询电话：40080066999',time:'2018-08-29 15:30:00',syes:1545,zan:1645,imgNum:1235,type:1},
                    {id: 5, top:1,text:'【竞价置顶热点广告专区 】北京八大处整形医院，瘦身吸脂进口设备，将于2018年2月16日正式投入使用，凡是在该日期之前预约的用户,价格可享受6折优惠，另外还可以在双眼皮埋线手术、开眼内角手术中，任选一个免费项目，更有机会子2000万抽奖活动中获得大奖！这是同行业中第一次推出高额回馈的返利活动，敬请您的光临！  咨询电话：40080066999',time:'2018-08-29 15:30:00',syes:1545,zan:1645,imgNum:1235,type:1},
                    {id: 6, top:1,text:'【竞价置顶热点广告专区】北京八大处整形医院，瘦身吸脂进口设备，将于2018年2月16日正式投入使用，凡是在该日期之前预约的用户,价格可享受6折优惠，另外还可以在双眼皮埋线手术、开眼内角手术中，任选一个免费项目，更有机会子2000万抽奖活动中获得大奖！这是同行业中第一次推出高额回馈的返利活动，敬请您的光临！  咨询电话：40080066999',time:'2018-08-29 15:30:00',syes:1545,zan:1645,imgNum:1235,type:1},
                    {id: 7, top:2,text:'【竞价置顶热点广告专区】北京八大处整形医院，瘦身吸脂进口设备，将于2018年2月16日正式投入使用，凡是在该日期之前预约的用户,价格可享受6折优惠，另外还可以在双眼皮埋线手术、开眼内角手术中，任选一个免费项目，更有机会子2000万抽奖活动中获得大奖！这是同行业中第一次推出高额回馈的返利活动，敬请您的光临！  咨询电话：40080066999',time:'2018-08-29 15:30:00',syes:1545,zan:1645,imgNum:1235,type:1,
                        userImg:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                        img:[
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                        ]
                    },
                    {id: 8, top:2,text:'【竞价置顶热点广告专区】北京八大处整形医院，瘦身吸脂进口设备，将于2018年2月16日正式投入使用，凡是在该日期之前预约的用户,价格可享受6折优惠，另外还可以在双眼皮埋线手术、开眼内角手术中，任选一个免费项目，更有机会子2000万抽奖活动中获得大奖！这是同行业中第一次推出高额回馈的返利活动，敬请您的光临！  咨询电话：40080066999',time:'2018-08-29 15:30:00',syes:1545,zan:1645,imgNum:1235,type:1,
                        userImg:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                        img:[
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                            'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',
                        ]
                    },

                ],
            }
        }
    }
</script>

<style scoped lang="less">
    @import "../../style/style";
    .project-cricle{
        width: 856px;
    >p{
        color: #333333;
        font-size: 16px;
        padding-bottom: 10px;
        border-bottom: 1px solid #cccccc;
        >:first-child{
            background-color:@theme-color-dark;
            border-radius: 4px;
            color: white;
            font-size: 14px;
            padding: 5px 11px;
        }
    >:last-child{
        font-size: 14px;
        float: right;
        background-color: @theme-color-dark;
        border-radius: 4px;
        color: white;
        padding: 5px 11px;
    }
    }

    }
</style>